<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/xiaomi.css">


</head>

<body>
    <section id="zsection">
        <header>
            <div class="conter">
                <ul class="h-ul">
                    <li> 小米</li>
                    <li> 小米</li>
                    <li> 小米</li>
                    <li> 小米</li>
                    <li> 小米</li>
                    <li> 小米</li>
                    <li> 小米</li>
                    <li> 小米</li>
                    <li> 小米</li>
                    <li> 小米</li>
                    <li>下载APP <span class="sp">

                            <img src="../images/ia_10003.png" alt="">
                            <em
                                style="width:0;height:0;border-width:0 10px 10px;border-style:solid;border-color:transparent transparent #fff;position:absolute;top:-10px;left:50px;"></em>
                            <span
                                style="display:block;text-align: center;font-size:14px;color:#333;line-height:1;margin-top: 14px">
                                小米商城 </span>
                        </span></li>
                    <li> 小米</li>
                </ul>
                <div class=" h-box">
                    <li>注册</li>
                    <li>注册</li>
                    <li>注册</li>
                    <li>购物车</li>
                </div>
            </div>
        </header>
        <main>
            <div class="m-box1">
                <div class="conter">
                    <h5 href=""></h5>

                    <ul class="ul1">
                        <li>小米
                            <div class="list1">
                                <div class="conter">
                                    <a href="">
                                        <img src="../images/ia_10054.jpg" alt="">
                                    </a>
                                    <a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a><a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a><a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a><a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                        </li>
                        <li>小米 <div class="list1">
                                <div class="conter">
                                    <a href="">
                                        <img src="../images/ia_10054.jpg" alt="">
                                    </a>
                                    <a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a><a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a><a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a><a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                        </li>
                        <li>小米 <div class="list1">
                                <div class="conter">
                                    <a href="">
                                        <img src="../images/ia_10054.jpg" alt="">
                                    </a>
                                    <a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a><a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a><a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a><a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                        </li>
                        <li>小米 <div class="list1">
                                <div class="conter">
                                    <a href="">
                                        <img src="../images/ia_10054.jpg" alt="">
                                    </a>
                                    <a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a><a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a><a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a><a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                        </li>
                        <li>小米<div class="list1">
                                <div class="conter">
                                    <a href="">
                                        <img src="../images/ia_10054.jpg" alt="">
                                    </a>
                                    <a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a><a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a><a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a><a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                        </li>
                        <li>小米 <div class="list1">
                                <div class="conter">
                                    <a href="">
                                        <img src="../images/ia_10054.jpg" alt="">
                                    </a>
                                    <a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a><a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a><a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a><a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                        </li>
                        <li>小米<div class="list1">
                                <div class="conter">
                                    <a href="">
                                        <img src="../images/ia_10054.jpg" alt="">
                                    </a>
                                    <a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a><a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a><a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a><a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                        </li>
                        <li>小米 <div class="list1">
                                <div class="conter">
                                    <a href="">
                                        <img src="../images/ia_10054.jpg" alt="">
                                    </a>
                                    <a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a><a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a><a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a><a href="">
                                        <img src="../images/ia_10225.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                        </li>
                        <li>小米 </li>
                    </ul>
                    <div class="box1">
                        <form action="">
                            <input class="input1" type="text">
                            <input class="input2" type="text">
                        </form>
                    </div>
                </div>
            </div>
            <div class="m-box2">
                <div class="conter">
                    <ul>
                        <li> 小米 <i>></i>
                            <div class="list2" style="opacity: 10;"></div>


                        </li>
                        <li> 小米 <i>></i>
                            <div class="list2" style="opacity: 10;"></div>
                        </li>
                        <li> 小米 <i>></i>
                            <div class="list2" style="opacity: 10;"></div>
                        </li>
                        <li> 小米 <i>></i>
                            <div class="list2" style="opacity: 10;"></div>
                        </li>
                        <li> 小米 <i>></i>
                            <div class="list2" style="opacity: 10;"></div>
                        </li>
                        <li> 小米 <i>></i>
                            <div class="list3" style="opacity: 1;"></div>
                        </li>
                        <li> 小米 <i>></i>
                            <div class="list3" style="opacity: 1;"></div>
                        </li>
                        <li> 小米 <i>></i>
                            <div class="list3" style="opacity: 10;"></div>
                        </li>
                        <li> 小米 <i>></i>
                            <div class="list3" style="opacity: 1;"></div>
                        </li>
                        <li> 小米 <i>></i>
                            <div class="list3" style="opacity: 1;"></div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="m-box3">
                <div class="conter">
                    <ul>
                        <li>1</li>
                        <li>1</li>
                        <li>1</li>
                        <li>1</li>
                        <li>1</li>
                        <li>1</li>
                    </ul>
                    <img src="../images/ia_10011.jpg" alt="">
                    <img src="../images/ia_10012.jpg" alt="">
                    <img src="../images/ia_10013.jpg" alt="">
                </div>
            </div>
            <div class="m-box4">
                <div class="conter">
                    <img src="../images/ia_10028.jpg" alt="">
                    <div class="box4">
                        <p><span class="span1">手机 </span>
                            <span class="span2">查看全部</span>
                        </p>
                        <ul>
                            <li> <a href=""></a>

                            </li>
                            <li> <a href="">
                                    <h2>小米9 6G + 128G</h2><span class="sp1">骁龙855处理器</span>
                                    <span class="sp2">￥1999</span>
                                </a>
                                <h1>新品</h1>
                            </li>
                            <li> <a href="">
                                    <h2>小米9 6G + 128G</h2><span class="sp1">骁龙855处理器</span>
                                    <span class="sp2">￥1999</span>
                                </a></li>
                            <li> <a href="">
                                    <h2>小米9 6G + 128G</h2><span class="sp1">骁龙855处理器</span>
                                    <span class="sp2">￥1999</span>
                                </a></li>
                            <li> <a href="">
                                    <h2>小米9 6G + 128G</h2><span class="sp1">骁龙855处理器</span>
                                    <span class="sp2">￥1999</span>
                                </a></li>
                            <li> <a href="">
                                    <h2>小米9 6G + 128G</h2><span class="sp1">骁龙855处理器</span>
                                    <span class="sp2">￥1999</span>
                                </a>
                                <h1>新品</h1>
                            </li>
                            <li> <a href="">
                                    <h2>小米9 6G + 128G</h2><span class="sp1">骁龙855处理器</span>
                                    <span class="sp2">￥1999</span>
                                </a>
                                <h1>新品</h1>
                            </li>
                            <li> <a href="">
                                    <h2>小米9 6G + 128G</h2><span class="sp1">骁龙855处理器</span>
                                    <span class="sp2">￥1999</span>
                                </a>
                                <h1>新品</h1>
                            </li>
                            <li> <a href="">
                                    <h2>小米9 6G + 128G</h2><span class="sp1">骁龙855处理器</span>
                                    <span class="sp2">￥1999</span>
                                </a>
                                <h1>新品</h1>
                            </li>

                        </ul>
                    </div>
                    <img src="../images/ia_10028.jpg" alt="" style="margin-top: 40px">
                    <div class="box41">
                        <div class="box411"><span class="span1">手机</span>
                            <li>
                                <a class="span2">热门</a>
                                <a class="span2">电脑</a>
                                <a class="span2">影视</a>
                                <a class="span2">家居</a>
                            </li>
                        </div>
                        <ul class="ul2">
                            <li> <a href=""></a></li>
                            <li> <a href="">

                                </a>
                                <div class="lbox"></div>
                                <h1>新品</h1>
                            </li>
                            <li> <a href=""></a>
                                <div class="lbox"></div>
                                <h1>新品</h1>
                            </li>
                            <li> <a href=""></a>
                                <div class="lbox"></div>
                                <h1>新品</h1>
                            </li>
                            <li> <a href=""></a>
                                <div class="lbox"></div>
                                <h1>新品</h1>
                            </li>
                            <li> <a href=""></a></li>
                            <li> <a href=""></a>
                                <div class="lbox"></div>
                                <h1>新品</h1>
                            </li>
                            <li> <a href=""></a>
                                <div class="lbox">

                                </div>
                                <h1>新品</h1>
                            </li>
                            <li> <a href=""></a>
                                <div class="lbox">

                                </div>
                                <h1>新品</h1>
                            </li>
                            <li> <a href="">
                                    <span></span>
                                    <span></span>
                                </a></li>

                        </ul>
                    </div>
                    <div class="box41">
                        <div class="box411"><span class="span1">手机</span>
                            <li>
                                <a class="span2">热门</a>
                                <a class="span2">电脑</a>
                                <a class="span2">影视</a>
                                <a class="span2">家居</a>
                            </li>
                        </div>
                        <ul class="ul2">
                            <li> <a href=""></a></li>
                            <li> <a href="">

                                </a>
                                <div class="lbox"></div>
                                <h1>新品</h1>
                            </li>
                            <li> <a href=""></a>
                                <div class="lbox"></div>
                                <h1>新品</h1>
                            </li>
                            <li> <a href=""></a>
                                <div class="lbox"></div>
                                <h1>新品</h1>
                            </li>
                            <li> <a href=""></a>
                                <div class="lbox"></div>
                                <h1>新品</h1>
                            </li>
                            <li> <a href=""></a></li>
                            <li> <a href=""></a>
                                <div class="lbox"></div>
                                <h1>新品</h1>
                            </li>
                            <li> <a href=""></a>
                                <div class="lbox">

                                </div>
                                <h1>新品</h1>
                            </li>
                            <li> <a href=""></a>
                                <div class="lbox">

                                </div>
                                <h1>新品</h1>
                            </li>
                            <li> <a href="">
                                    <span></span>
                                    <span></span>
                                </a></li>

                        </ul>
                    </div>
                    <div class="box41">
                        <div class="box411"><span class="span1">手机</span>
                            <li>
                                <a class="span2">热门</a>
                                <a class="span2">电脑</a>
                                <a class="span2">影视</a>
                                <a class="span2">家居</a>
                            </li>
                        </div>
                        <ul class="ul2">
                            <li> <a href=""></a></li>
                            <li> <a href="">

                                </a>
                                <div class="lbox"></div>
                                <h1>新品</h1>
                            </li>
                            <li> <a href=""></a>
                                <div class="lbox"></div>
                                <h1>新品</h1>
                            </li>
                            <li> <a href=""></a>
                                <div class="lbox"></div>
                                <h1>新品</h1>
                            </li>
                            <li> <a href=""></a>
                                <div class="lbox"></div>
                                <h1>新品</h1>
                            </li>
                            <li> <a href=""></a></li>
                            <li> <a href=""></a>
                                <div class="lbox"></div>
                                <h1>新品</h1>
                            </li>
                            <li> <a href=""></a>
                                <div class="lbox">

                                </div>
                                <h1>新品</h1>
                            </li>
                            <li> <a href=""></a>
                                <div class="lbox">

                                </div>
                                <h1>新品</h1>
                            </li>
                            <li> <a href="">
                                    <span></span>
                                    <span></span>
                                </a></li>

                        </ul>
                    </div>
                </div>
            </div>
            <div class="m-box5">
                <div class="conter">
                    <h2>为你推荐</h2>
                    <ul class="ulbox5">
                        <li><img src="../images/ia_10220.jpg" alt=""></li>
                        <li> <img src="../images/ia_10220.jpg" alt=""></li>
                        <li> <img src="../images/ia_10220.jpg" alt=""></li>
                        <li> <img src="../images/ia_10220.jpg" alt=""></li>
                        <li> <img src="../images/ia_10220.jpg" alt=""></li>
                    </ul>
                </div>
            </div>
            <div class="m-box6">
                <div class="conter">
                    <h3>热评产品</h3>
                    <ul class="ulbox6">
                        <li><img src="../images/ia_10238.jpg" alt=""></li>
                        <li><img src="../images/ia_10238.jpg" alt=""></li>
                        <li><img src="../images/ia_10238.jpg" alt=""></li>
                        <li><img src="../images/ia_10238.jpg" alt=""></li>

                    </ul>
                </div>

            </div>
            <div class="m-box7">
                <div class="conter">
                    <h3>内容</h3>
                    <ul class="ulbox7">
                        <li>
                            <h5>图书</h5>
                            <a href="" class="h1">展现你的存在</a>
                            <span>一本职场人的指导书</span>
                            <a href="" class="h2">5.99元</a>
                            <img src="../images/ia_10241.jpg" alt="">
                        </li>
                        <li>
                            <h5>图书</h5>
                            <a href="" class="h1">展现你的存在</a>
                            <span>一本职场人的指导书</span>
                            <a href="" class="h2">5.99元</a>
                            <img src="../images/ia_10241.jpg" alt="">
                        </li>
                        <li>
                            <h5>图书</h5>
                            <a href="" class="h1">展现你的存在</a>
                            <span>一本职场人的指导书</span>
                            <a href="" class="h2">5.99元</a>
                            <img src="../images/ia_10241.jpg" alt="">
                        </li>
                        <li>
                            <h5>图书</h5>
                            <a href="" class="h1">展现你的存在</a>
                            <span>一本职场人的指导书</span>
                            <a href="" class="h2">5.99元</a>
                            <img src="../images/ia_10241.jpg" alt="">
                        </li>
                    </ul>
                </div>
            </div>
            <div class="m-box8">

                <div class="conter">
                    <p><span class="span1">视频 </span>
                        <span class="span2">查看更多</span>
                        <ul class="ulbox8">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                </div>
            </div>
        </main>
        <footer class="footer1">
            <div class="conter"></div>
        </footer>
        <div class="footer2"></div>
    </section>
</body>

</html>